Internal Guide
Component Library
Example of an Accordion
Accordion
Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item.
Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item.
Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item.
Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item.
Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item.
Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item.
Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item.
Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item. Description for Accordion Item.
Example of a Marquee Component
Marquee Component One
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non libero quis felis ultrices interdum. Suspendisse et mollis ipsum, eget sodales sapien. Phasellus maximus nibh sed faucibus finibus. Cras ut eros mauris. Integer vitae libero luctus, lacinia magna sed, porta dui. Proin ut eros at quam luctus condimentum eget sed nisl. Suspendisse rutrum, libero quis ultricies sollicitudin, velit dolor imperdiet felis, non venenatis felis metus at turpis. Duis congue risus eget erat rutrum imperdiet. In mollis fringilla augue sed volutpat. Nulla facilisi.
Example of a Marquee Component
Marquee Component Two
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non libero quis felis ultrices interdum. Suspendisse et mollis ipsum, eget sodales sapien. Phasellus maximus nibh sed faucibus finibus. Cras ut eros mauris. Integer vitae libero luctus, lacinia magna sed, porta dui. Proin ut eros at quam luctus condimentum eget sed nisl. Suspendisse rutrum, libero quis ultricies sollicitudin, velit dolor imperdiet felis, non venenatis felis metus at turpis. Duis congue risus eget erat rutrum imperdiet. In mollis fringilla augue sed volutpat. Nulla facilisi.
Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card description here. Card description here. Card description here. Card description here.
Card Grid With Icon Cards (constrained)
Card Grid w/Icon Cards (const.)
Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one. Description here if you want one.
Example of a Card Grid with Node Cards (constrained) - 4x
Card Grid w/Node Cards (const.)
Example of a Card Grid with Node Cards (constrained) - 3x
Card Grid w/Node Cards (const.)
Example of a Timeline
Timeline
1
The Beginning
Sit nulla ac quis sodales fames in nisl mi. Velit eu ante fermentum auctor id scelerisque et quis. Erat augue velit venenatis mattis est lacus…
2
The Middle
Sit nulla ac quis sodales fames in nisl mi. Velit eu ante fermentum auctor id scelerisque et quis. Erat augue velit venenatis mattis est lacus…
3
The Late Middle
Sit nulla ac quis sodales fames in nisl mi. Velit eu ante fermentum auctor id scelerisque et quis. Erat augue velit venenatis mattis est lacus…
4
The End
Sit nulla ac quis sodales fames in nisl mi. Velit eu ante fermentum auctor id scelerisque et quis. Erat augue velit venenatis mattis est lacus…
Example of an Image & Text Banner
Image & Text Banner
Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here.
Students uncovering a shipwreck on a local beach.
Media & Text Banner (text right)
Media & Text Banner (text right)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam
Students uncovering a shipwreck on a local beach.
Media & Text Banner (text left)
Media & Text Banner (text left)
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullam
Supertext
Intro Banner
Intro Banner
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Raw power
Years of excellence
New students in 2023
Columns with Media
Columns with Media
Why Flagler
Why Flagler
Vulputate diam egestas enim dignissim accumsan tempus ultrices hendrerit volutpat. Sed adipiscing dictum tempor diam ullamcorper bibendum eu. Sed egestas rhoncus nulla massa.
Students uncovering a shipwreck on a local beach.
Text
Text
Vulputate diam egestas enim dignissim accumsan tempus ultrices hendrerit volutpat. Sed adipiscing dictum tempor diam ullamcorper bibendum eu. Sed egestas rhoncus nulla massa.
Vulputate diam egestas enim dignissim accumsan tempus ultrices hendrerit volutpat. Sed adipiscing dictum tempor diam ullamcorper bibendum eu. Sed egestas rhoncus nulla massa.
Vulputate diam egestas enim dignissim accumsan tempus ultrices hendrerit volutpat. Sed adipiscing dictum tempor diam ullamcorper bibendum eu. Sed egestas rhoncus nulla massa.
| Table | Table | Table |
|---|---|---|
| Table | Table | Table |
| Table | Table | Table |
Here is an aside of text
- ordered list
- ordered list
- ordered list
- ordered list
- unordered list
- unordered list
- unordered list
Person Cards
Person Cards
Person Cards constrained
Person Cards constrained
Program Cards
Program Cards
Program Cards constrained
Program Cards constrained
Featured Events Block
Featured Events Block
Happening Soon
Regular Events Block
Regular Events Block
Media Gallery
Media Gallery
